import 'package:flutter/material.dart';

class MyApp8 extends StatelessWidget {
  // 2. 设置默认值
  const MyApp8({
    super.key,
    this.title = '',
    this.content = '',
    this.tColor = Colors.orange,
    this.cColor = Colors.yellow,
  });

  // 1. 定义属性
  final String title;
  final String content;
  final Color tColor;
  final Color cColor;

  // 重写build 返回需要封装的组件即可
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.purple,
          title: Center(
            child: Text(
              '标题为:$title',
              style: TextStyle(
                  color: tColor, fontSize: 30, fontWeight: FontWeight.w900),
            ),
          ),
        ),
        // 1.2 主体部分
        body: const MyContainer(),
      ),
    );
  }
}

class MyContainer extends StatelessWidget {
  const MyContainer({super.key});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        children: [
          // 包裹之后，会在当前的布局方向上，默认占满
          Expanded(
              flex: 3,
              child: Container(
                width: 100,
                // height: 200,
                color: Colors.yellow,
              )),
          Expanded(
              flex: 8,
              child: Container(
                width: 100,
                // height: 200,
                color: Colors.red,
              )),
          Expanded(
              flex: 2,
              child: Container(
                width: 100,
                // height: 200,
                color: Colors.yellow,
              ))
        ],
      ),
    );
  }
}
